<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />

    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./flexible.js" />
    <title>页面</title>
  </head>
  <body>
    <div class="main">
      <div class="top warp">
        <div class="left">
          <h5>北京</h5>
        </div>
        <div class="center">
          <i class="iconfont icon-search"></i>
          <span>请输入小区名称或商圈</span>
        </div>
        <div class="right">
          <img src="./icons/header_news.png" alt="" />
        </div>
      </div>
      <div class="banner">
        <img src="./imgs/banner.png" alt="" />
        <div class="bottom">
          <div class="b1"></div>
          <div class="b2"></div>
          <div class="b2"></div>
        </div>
      </div>
      <div class="nav">
        <ul>
          <li>
            <a href="#"><img src="./icons/nav_2.png" alt="" /></a>
          </li>
          <li>
            <a href="#"><img src="./icons/nav_1.png" alt="" /></a>
          </li>
        </ul>
        <div class="bgc1"></div>
        <div class="bgc2"></div>
      </div>
      <div class="discount">
        <div class="discount_hd">
          <h5>超值优惠</h5>
          <div class="more">
            <img src="./icons/content_icon_next.png" alt="" />
          </div>
        </div>
        <div class="discount_bd">
          <div class="discount_bd1">
            <div class="pic">
              <img src="./imgs/content_tu_home_left@2x.png" alt="" />
            </div>
            <h5>宝石花园</h5>
            <span>朝阳区-2室1厅-90m</span>
            <p>￥7800元/月</p>
          </div>
          <div class="discount_bd2">
            <div class="pic">
              <img src="./imgs/content_tu_home_right@2x.png" alt="" />
            </div>
            <h5>领袖新规度3号院</h5>
            <span>朝阳区-2室1厅-90m</span>
            <p>￥123456元/月</p>
          </div>
        </div>
      </div>
      <div class="banner">
       <img src="./imgs/ggwei_home.png" alt="">
      </div>
      <!-- 推荐部分 -->
      <div class="recommend">
      <div class="recommend_hd">
        <div class="left">
          <h5>为你推荐</h5>
        </div>
        <div class="right">
          <div class="r1">
            <p>整租</p>
            <img src="./icons/home_list_selected@2x.png" alt="">
          </div>
          <div class="r2">
            <p>合租</p>
          </div>
        </div>
        
      </div>
      <div class="recommend_bd">
        <div class="home">
          <div class="pic">
            <img src="./imgs/home_list_tu1@2x.png" alt="">
          </div>
          <div class="content">
            <h5>整租—保利嘉园7号院1号楼</h5>
            <p>朝阳区 | 2室1厅 | 90m</p>
            <p class="ellipsis">距5号线立水桥站1200米,13号线广西南合...</p>
            <span>独卫</span> <span>含阳台</span>
            <div class="price">
              <em>￥7800 </em> <i>元/月</i>
          </div>
          
          </div>
        </div>
      </div>
      <div class="recommend_bd">
        <div class="home">
          <div class="pic">
            <img src="./imgs/home_list_tu2@2x.png" alt="">
          </div>
          <div class="content">
            <h5>整租—保利嘉园7号院1号楼</h5>
            <p>朝阳区 | 2室1厅 | 90m</p>
            <p>距5号线立水桥站1200米,13号线南合...</p>
            <span>独卫</span> <span>含阳台</span>
            <div class="price">
              <em>￥7800 </em> <i>元/月</i>
          </div>
          
          </div>
        </div>
      </div>
      <div class="recommend_bd">
        <div class="home">
          <div class="pic">
            <img src="./imgs/home_list_tu3@2x.png" alt="">
          </div>
          <div class="content">
            <h5>整租—东方银座B座</h5>
            <p>朝阳区 | 2室1厅 | 90m</p>
            <p>距5号线立水桥站1200米,13号线</p>
            <span>独卫</span> <span>含阳台</span>
            <div class="price">
              <em>￥7800 </em> <i>元/月</i>
          </div>
          
          </div>
        </div>
      </div>
      <div class="recommend_bd">
        <div class="home">
          <div class="pic">
            <img src="./imgs/home_list_tu4@2x.png" alt="">
          </div>
          <div class="content">
            <h5>整租—保利嘉园7号院1号楼</h5>
            <p>朝阳区 | 2室1厅 | 90m</p>
            <p>距5号线立水桥站1200米,13号线南合...</p>
            <span>独卫</span> <span>含阳台</span>
            <div class="price">
              <em>￥7800 </em> <i>元/月</i>
          </div>
          
          </div>
        </div>
      </div>
      <div class="recommend_bd">
        <div class="home">
          <div class="pic">
            <img src="./imgs/home_list_tu5@2x.png" alt="">
          </div>
          <div class="content">
            <h5>整租—奇怪的凶宅</h5>
            <p>朝阳区 | 2室1厅 | 90m</p>
            <p>距5号线立水桥站1200米,13号线南合...</p>
            <span>独卫</span> <span>含阳台</span>
            <div class="price">
              <em>￥7800 </em> <i>元/月</i>
          </div>
          
          </div>
        </div>
      </div>
          
    </div>
      <div class="view">
      <h5>  查看更多优质房源</h5>
      </div>
      <div class="other">
        <img src="./imgs/gushirukou_home.png" alt="">
      </div>
    </div>
    <footer>
      <ul>
        <li>
          <a href="#" class="current">
            <i class="iconfont icon-home"></i>
            <p>首页</p>
          </a>
        </li>
        <li>
          <a href="#">
            <i class="iconfont icon-search"></i>
            <p>快速找房</p>
          </a>
        </li>
        <li>
          <a href="#">
            <i class="iconfont icon-agent"></i>
            <p>委托代理</p>
          </a>
        </li>
        <li>
          <a href="#">
            <i class="iconfont icon-my"></i>
            <p>我的</p>
          </a>
        </li>
      </ul>
    </footer>
    <script src="./flexible.js"></script>
  </body>
</html>
